<template>
  <div>
    <input v-model="searchQuery" placeholder="输入关键词搜索">
    <p>正在搜索: {{ searchQuery }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchQuery: ""
    }
  },
  watch: {
    searchQuery(newVal) {
      if (newVal) {
        console.log("调用API搜索", newVal);
        // 这里可以替换为真实的请求
        // fetch(`/api/search?q=${newVal}`)
      }
    }
  }
}
</script>
